// import logo from './logo.svg'
import './App.css'
import { useState } from 'react'
// import { createElement } from 'react'
// import ClassComponent from './components/ClassCompont'
// import FuncComponent from './components/FuncComponent'
// import Parent from './components/Parent'
// import Parent from './components/context/Parent'
// import Parent2 from './components/parent-child/parent'
// import Index from './components/if/index'
// import Index from './components/list/index'
// import Index from './components/ref/index'
// import Index from './components/styles/index'
// import Index from './components/life/index'
// import Index from './components/slot/index'
// import Index from './components/axios/index'
// import Index from './components/router/index'
import Index from './components/router-nest/index'
// import Index from './components/render-props/index'
// import Index from './components/hook/UseState'
// import Index from './components/hook/ContextDome.jsx'
// import Index from './components/hook/UseRef'
// import Index from './components/hook/CallMene'

function App () {
  const [isShow] = useState(true)
  return (
    <div className='App'>
      {/* <FuncComponent /> */}
      {/* <hr /> */}
      {/* <ClassComponent /> */}
      {/* <Parent /> */}
      {/* <Parent2 /> */}
      {isShow && <Index />}
    </div>
  )
  // return createElement('div', { className: 'App' }, [
  //   createElement('header', { className: 'App-header' }, [
  //     createElement('img', { src: logo, className: 'App-logo' }),
  //     createElement(
  //       'p',
  //       null,
  //       ' Edit <code>src/App.js</code> and save to reload.'
  //     ),
  //     createElement('a', { href: 'https://reactjs.org' }, 'Learn React')
  //   ])
  // ])
}

export default App
